<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大学生思政在线</title>
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<header>
			<div class="top">
				<div>
					<div class="logo">
						<img src="images/LOGO.png">
					</div>
					<div class="user">
						<a href="#" class="login">登录</a>
						<a href="#" class="regist">注册</a>
					</div>
				</div>
			</div>
			<div class="nav">
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">使命担当</a></li>
					<li><a href="#">家国情怀</a></li>
					<li><a href="#">民族文化</a></li>
					<li><a href="#">科技发展</a></li>
					<li><a href="#">劳动教育</a></li>
					<li><a href="#">职业素养</a></li>
					<li><a href="#">首页8</a></li>
					<li><a href="#">首页9</a></li>
				</ul>
			</div>
			<div class="banner">
				<img src="images/banner1.jpg" >
			</div>
		</header>
		<div id="container">
			<div class="response">
				<div>
					<div class="title">
						<h3>使命担当</h3>
						<p>342343432</p>
					</div>
					<p class="titlep">天下兴亡，匹夫有责</p>
					<div class="ResCon">
						<div class="resitem">
					    <div class="itemimg">
						  <img src="images/pic1.png" alt="">
						</div>
							<div class="iteminfo">
							<h4>试看将来的环境,必是赤旗的世界
							</h4>
							<p>中国共产主义运动先驱李大钊</P>
							<span class="fa fa-chevron-down"</span>
							<p><a href="#" class="fa fa-heart">	
							</div>
						</div>
						<div class="resitem">
					<div class="itemimg">
					  <img src="images/pic2.png" alt="">
						</div>
						<div class="iteminfo">

							<p><a href="#">关注</a></p>
				</div>
			</div>
			
				<div class="resitem">
					<div class="itemimg">
					 <img src="images/pic3.png" alt="">
						</div>
					<div class="iteminfo">	
					</div>
				</div>
			<div class="Craftsman">
				<div></div>
			</div>
		</div>
		<footer>
			<p>
				fdjlfj
			</p>
		</footer>

	</body>
</html>
<!-- fdjksd -->
